<div nz-row [nzGutter]="24">
    <div nz-col [nzSpan]="12">
        <span>用户ID</span>
        <span>{{user.userId}}</span>
    </div>
    <div nz-col [nzSpan]="12">
        <span>用户名称</span>
        <span>{{user.username}}</span>
    </div>
</div>

<div>
    <nz-checkbox-wrapper style="width: 100%; max-height: 320px; overflow-y: auto;" (nzOnChange)="change($event)">
        <div nz-row *ngFor="let item of list">
            <div nz-col>
                <span nz-checkbox [nzValue]="item.value" [ngModel]="item.checked">{{item.label}}</span>
            </div>
        </div>
    </nz-checkbox-wrapper>
</div>

<div nz-row nzJustify="end">
    <div nz-col class="search-area">
        <button nz-button class="action-button" [nzType]="'primary'" (click)="onAssign()">确定</button>
        <button nz-button class="action-button" (click)="onCancel($event)">取消</button>
    </div>
</div>